﻿/*==================body====================*/

* { margin:0; padding:0;}
a img, img{border:0px;}
body {height:100%; width:100%; background-color:#6ab8d9; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:regular; font-size:12px; text-decoration:none; color:#4a4a4a;}
a{font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; text-decoration:none; color:#4a4a4a; letter-spacing:0px;}
a:hover{font-family: Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; text-decoration:underline; color:#4a4a4a; letter-spacing:0px;}

.clear{clear:both;}
.mainbox{width:100%; height:100%; background-position:center top; background-image:url(img/mainbg.jpg);  background-repeat: no-repeat; min-height:1197px;}
.content{margin:auto; width:857px; height:100%;}
/*==================content====================*/
.langbox{float:right; padding:5px 58px 0px 0px;}
.topbox{margin:auto; width:100%; padding-top:15px;}
.centerbox{margin:auto; width:100%; position:relative; top:-9px;}


/*==================Langbox====================*/

.langbox ul{list-style-type:none;}
.langbox ul li{padding:0px 7px 0px 0px; float:left;}
.langbox ul li a{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; text-decoration:none; color:#99ccff; letter-spacing:0px;}
.langbox ul li a:hover{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; text-decoration:underline; color:#ffffff; letter-spacing:0px;}
.langbox ul li a.active{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; text-decoration:underline; color:#ffffff; letter-spacing:0px;}

/*==================Topbox====================*/

.logobox{padding:0px 0px 0px 28px; float:left;}

.topmenu{padding:34px 0px 0px 0px; float:left; margin-right:-200px;}
.toplink{float:left; cursor:pointer;}
.link1{z-index:100; position:relative; left:0px;}
.link2{z-index:90; position:relative; left:-30px;}
.link3{z-index:80; position:relative; left:-60px;}
.link4{z-index:60; position:relative; left:-90px;}
.link5{z-index:50; position:relative; left:-120px;}
.link6{z-index:40; position:relative; left:-150px;}
.topnactive{cursor:pointer; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:bold; font-size:13px; text-decoration:none; color:#4a4a4a; letter-spacing:0px; display:block;}
.topactive{cursor:pointer; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:bold; font-size:13px; text-decoration:none; color:#009acf; letter-spacing:0px; display:none;}
.topnactive a{font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:bold; font-size:13px; text-decoration:none; color:#4a4a4a; letter-spacing:0px; display:block;}
.topactive a{font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:bold; font-size:13px; text-decoration:none; color:#009acf; letter-spacing:0px; display:none;}
.toplinkleft{float:left;}
.toplinkcenter{float:left; background-position:center top; background-image:url(img/nactivecenter2.png);  background-repeat: repeat-x; height:23px; padding:11px 15px 0px;}
.toplinkcentermain{float:left; background-position:center top; background-image:url(img/nactivecenter.png);  background-repeat: repeat-x; height:23px; padding:11px 15px 0px;}

.tactive{float:left; background-position:center top; background-image:url(img/activecenter.png);  background-repeat: repeat-x; height:34px; padding:0px;}
.activelinkcenter{background-position:left bottom; background-image:url(img/activebottom.png);  background-repeat: no-repeat; padding:11px 15px 0px; height:23px;}
.activelinkcentermain{padding:11px 15px 0px; height:23px;}
.nactivelinkcenter{background-position:left bottom; background-image:url(img/nactivebottom.png);  background-repeat: no-repeat; padding:11px 15px 0px; height:23px;}

.toplinkright{float:left;}

/*==================Centerbox====================*/

.centerboxtop{background-position:center top; background-image:url(img/contenttopbg.png);  background-repeat: repeat-x; height:6px; width:847px; margin:0px 3px;}
.centerboxcontent{background-position:center top; background-image:url(img/centerboxcontentbg.png);  background-repeat: repeat-y; height:100%; margin:auto; width:100%;}
.centerboxright{float:left; padding-left:24px; width:221px;}
.centerboxleft{float:left; width:574px;}

.centerboxmain{padding:15px 18px 20px 18px;}
.maingallery{background-position:right top; background-image:url(img/gallshadowright.jpg);  background-repeat: no-repeat; width:584px; padding:0px; margin:0px; height:382px;}
.bigimg{width:572px; height:382px; display:none;}
.current{display:block;}
.gallerybottom{padding:0px; margin:0px; display:block;}
.pages{position:relative; top:0px; left:0px; z-index:200;}
.pagebox{position:absolute; top:-7px; margin-left:-100px; left:50%;}
.pageboxleft{float:left;}
.pageboxcenter{float:left; background-position:center top; background-image:url(img/pageboxcenter.png);  background-repeat: repeat-x; height:22px;}
.numbers {height:22px;}
.numbercontent{background-position:center top; background-image:url(img/pageboxcenter.png);  background-repeat: repeat-x; height:22px;}
.number{float:left; cursor:pointer; height:17px; width:34px; text-align:center; padding:4px 0px 0px;}
.number:hover{float:left; cursor:pointer; background-position:center top; background-image:url(img/numberbg.png);  background-repeat: no-repeat; height:17px; width:34px; text-align:center; padding:4px 0px 0px;}
.activenumb{float:left; cursor:pointer; background-position:center top; background-image:url(img/numberbg.png);  background-repeat: no-repeat; height:17px; width:34px; text-align:center; padding:4px 0px 0px;}
.number {display:block; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; text-decoration:none; color:#2d2b2b; letter-spacing:0px;}
.line{float:left; padding-right:1px;}
.pageboxright{float:left; }
.banners{padding-top:10px;}
.small{padding-top:0px;}
.leftbanner{float:left;}
.centerbanner{float:left;  padding:0px 13px;}
.rightbanner{float:right; padding:12px 0px 0px 0px;}
.rightbs{float:right;}
.footer{padding-top:10px;}
.footer2{padding-top:12px; margin-top:15px; border-top: 1px solid #d7d7d7;}
.footerlinks{padding:7px 0px 0px 18px; float:left;}
.footerlinks img{float:left;}
.farrow{padding: 3px 5px 0px 16px;}
.fraz{padding-top:2px;}
.fface{padding: 0px 5px 0px 0px;}
.footerlinks a{font-family: Verdana, Helvetica, sans-serif; font-weight:regular; font-size:12px; text-decoration:none; color:#4a4a4a; letter-spacing:0px; float:left;}
.footerlinks a:hover{text-decoration:underline; }
.sert{float:left;}
.rights{float:left; padding:7px 0px 0px 14px;}
.rights p{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:regular; font-size:12px; text-decoration:none; color:#4a4a4a; letter-spacing:0px;}

.search{border:1px solid #c9c9c9; background-position:center top; background-image:url(img/searchbg.png);  background-repeat: repeat-x; height:26px; width:221px; margin-bottom:10px;}
.searchinput{float:left;}
.searchin{padding:6px 5px; background:transparent; border: 0px solid; color:#4a4a4a; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; width:140px;}
.searchbutton{float:right; border: 1px solid #6699cc; background-position:center top; background-image:url(img/sbuttonbg.png);  background-repeat: repeat-x; height:22px; margin:1px; text-align:center;}
.buttontext{padding:3px 12px;}
.buttontext a{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; text-decoration:none; color:#ffffff; letter-spacing:0px;}

/*==================News====================*/

.news{background-position:center top; background-image:url(img/rightboxbg.png);  background-repeat: repeat-x; margin:0px 0px 4px; width:221px;}
.newstop{padding:17px 7px 0px 16px;}
.pealkiri{float:left;}
.pealkiri h1{font-family: Verdana, Helvetica, sans-serif; font-weight:bold; font-size:16px; text-decoration:none; color:#009acf; letter-spacing:0px;}
.rss{float:right; margin-top:-1px;}

/*==================Rightlinks====================*/
.rlink{cursor:pointer; display:block; width:221px; margin-top:1px;}
.rlink:hover{background-position:center top; background-image:url(img/rightboxbg.png);  background-repeat: repeat-x;}
.ractive{width:221px; background-position:center top; background-image:url(img/rightboxbg.png);  background-repeat: repeat-x;}
.linkbody{background-position:center bottom; background-image:url(img/linkline.png);  background-repeat: no-repeat; padding:8px 0px 9px 0px;}
.linkbodysub{background-position:center bottom; background-image:url(img/linkline.png);  background-repeat: no-repeat; padding:7px 0px 2px;}
.last{background-position:center bottom; background-image:url(img/.png);  background-repeat: no-repeat; padding:7px 0px;}
.lastlink{background-position:center top; background-image:url(img/lastlinkline.png);  background-repeat: no-repeat; padding:7px 0px; height:3px;}
.lasttext a{font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:bold; font-size:14px; text-decoration:none; color:#4a4a4a; letter-spacing:0px;}
.linkarrow{float:left; background-position:center top; background-image:url(img/barrow.png); width:11px; height:18px;}
.grey{float:left; background-position:center top; background-image:url(img/grayarrow.png); width:11px; height:18px;}
.blue{float:left; background-position:center top; background-image:url(img/bluearrowdown.png); width:18px; height:11px; margin-top:5px; position:relative; left:-6px;}
.linkcontent{float:left; padding:2px 5px; width:190px;}
.bold a{font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:bold; font-size:14px; text-decoration:none; color:#4a4a4a; letter-spacing:0px;}
.linkcontentactive a{font-family: Verdana, Helvetica, sans-serif; font-weight:bold; font-size:14px; text-decoration:none; color:#009acf; letter-spacing:0px; float:left; padding:2px 0px; width:190px; margin-left:-2px;}
.linkcontent a{font-family: Verdana, Helvetica, sans-serif; font-weight:regular; font-size:13px; text-decoration:none; color:#4a4a4a; letter-spacing:0px;}
.linkcontent a:hover{font-family: Verdana, Helvetica, sans-serif; font-weight:regular; font-size:13px; text-decoration:underline; color:#4a4a4a; letter-spacing:0px;}
.menudown{background-position:center bottom; background-image:url(img/linkline.png);  background-repeat: no-repeat; padding:0px 0px 5px;}
.menudown ul{list-style-type:none;}
.menudown ul li{padding-top:3px;}
.sublink{}
.linkarrowdown{float:left; background-position:center top; background-image:url(img/smallarrowg.png); width:8px; height:12px; margin:2px 0px 0px 3px;}
.downactive{float:left; background-position:center top; background-image:url(img/smallarrowblue.png); width:8px; height:12px; margin:2px 0px 0px 3px;}
.ldown{padding:0px 0px 2px 16px;}
.ldown a{font-family: Verdana, Helvetica, sans-serif; font-weight:regular; font-size:13px; text-decoration:none; color:#4a4a4a; letter-spacing:0px;}
.ldown a:hover{font-family: Verdana, Helvetica, sans-serif; font-weight:regular; font-size:13px; text-decoration:underline; color:#009acf; letter-spacing:0px;}
.ldownactive{padding:0px 0px 2px 16px;}
.ldownactive a{font-family: Verdana, Helvetica, sans-serif; font-weight:regular; font-size:13px; text-decoration:underline; color:#009acf; letter-spacing:0px;}
/*==================People====================*/

.people{background-position:center top; background-image:url(img/rightboxbg.png);  background-repeat: repeat-x; margin:30px 0px 5px; width:221px;}
.peopletop{padding:6px 6px 6px 2px;}
.peoplenumber{float:left; padding-top:6px; width:190px;}
.peoplenumber p{font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:regular; font-size:12px; text-decoration:none; color:#4a4a4a; letter-spacing:0px;}
.peoplenumber span{font-weight:bold; font-size:14px; color:#009acf;}
.fb{float:right;}
.avatars{padding-bottom:5px;}
.peoplethumb{float:left;}
.pcenter{padding-left:7px;}
.pright{float:right;}
.pimg{height:50px;}
.pname{text-align:center;}
.pname a{font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:regular; font-size:10px; text-decoration:none; color:#4a4a4a; letter-spacing:0px;}
.pname a:hover{font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:regular; font-size:10px; text-decoration:underline; color:#4a4a4a; letter-spacing:0px;}

.likebutton{float:right; padding-top:5px;}
.lbuttonleft{background-position:center top; background-image:url(img/lbuttonleft.png);  background-repeat: no-repeat; height:23px; width:2px; float:left;}
.lbuttoncenter{background-position:center top; background-image:url(img/lbuttoncenter.png);  background-repeat: repeat-x; height:23px; float:left; padding:5px;} 
.buttonimg{float:left; padding-right:5px;}
.buttonname{float:left;}
.buttonname a{display:block; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:bold; font-size:12px; text-decoration:none; color:#17448f; letter-spacing:0px;}
.lbuttonright{background-position:center top; background-image:url(img/lbuttonright.png);  background-repeat: no-repeat; height:23px; width:2px; float:left;}


/*==================Calculator====================*/

.calculator{background-position:center top; background-image:url(img/rightboxbg.png);  background-repeat: repeat-x; margin:7px 0px 12px 0px; width:221px;}
.calctop{padding:13px 7px 0px 16px;}
.calccontent{padding:10px 10px 0px;}
.calcrow{width:210px; padding-bottom:10px;}
.icon{float:left; background-position:center top; background-image:url(img/whitewhat.png); height:16px; width:16px;  background-repeat: no-repeat; position:relative; top:0px; cursor:pointer;}
.icon:hover{float:left; background-position:center top; background-image:url(img/bluewhat.png); height:16px; width:16px;  background-repeat: no-repeat; position:relative; top:0px; cursor:pointer;}
.rowinfo{position:absolute; left:20px; top:-6px; background-color:#f4f4f4; border:1px solid #c9c9c9; padding:5px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:regular; font-size:12px; text-decoration:none; color:#4a4a4a; letter-spacing:0px; width:168px; display:none;}
.rowname{float:left; display:block; font-family: Verdana, Helvetica, sans-serif; font-weight:regular; font-size:13px; text-decoration:none; color:#4a4a4a; letter-spacing:0px; padding-left:5px;}
.rowcontent{float:right; padding-right:10px;}
.rowleft{float:left; padding-top:5px;}
.size{float:left; border:1px solid #c9c9c9; background-position:center top; background-image:url(img/searchbg.png);  background-repeat: repeat-x; height:24px; width:53px;}
.sizekatus{padding:5px 5px; background:transparent; border: 0px solid; color:#4a4a4a; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; width:44px;}
.valem{float:left;  font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:regular; font-size:14px; text-decoration:none; color:#4a4a4a; letter-spacing:0px; padding:4px 5px 0px;}
.lisainfo{ text-align:right; padding:4px 10px 0px 0px; font-size:11px;}
.rbuttonsbox{float:right; padding: 6px 20px 0px 0px;}
.radiobuttons{float:left; padding-right:10px;}
.rbutton{float:left; background-position:center top; background-image:url(img/radiowhite.png); height:16px; width:16px;  background-repeat: no-repeat; cursor:pointer;}
.rbuttonactive{float:left; background-position:center top; background-image:url(img/radioblue.png); height:16px; width:16px;  background-repeat: no-repeat; cursor:pointer;}
.rbtext{float:left; font-family: Verdana, Helvetica, sans-serif; font-weight:regular; font-size:12px; text-decoration:none; color:#4a4a4a; letter-spacing:0px; padding-left:5px;}
.button{border: 1px solid #6699cc; background-position:center top; background-image:url(img/sbuttonbg.png);  background-repeat: repeat-x; height:22px; margin:1px; text-align:center; float:left;}
.buttonbox{padding:5px 0px 0px 22px;}

/*==================Liitu====================*/

.liitu{border:1px solid #c9c9c9; height:50px; margin:11px 0px 0px 0px; padding:12px 20px 24px;}
.liitutop{font-family: Verdana, Helvetica, sans-serif; font-weight:regular; font-size:13px; text-decoration:none; color:#4a4a4a; letter-spacing:0px; text-align:center;}
.liituandmed{padding-top:15px;}
.liituforms{float:left;}
.lname{padding-right:15px;}
.formname{float:left; font-family: Verdana, Helvetica, sans-serif; font-weight:regular; font-size:13px; text-decoration:none; color:#4a4a4a; letter-spacing:0px; padding:6px 10px 0px 0px;}
.formname b{float:left; font-family: Verdana, Helvetica, sans-serif; font-weight:bold; font-size:12px; text-decoration:none; color:#4a4a4a; letter-spacing:0px;}
.formnameback{float:left; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:regular; font-size:13px; text-decoration:none; color:#4a4a4a; letter-spacing:0px; padding:5px 0px 0px 10px;}
.forminput{float:left; border:1px solid #c9c9c9; background-position:center top; background-image:url(img/searchbg.png);  background-repeat: repeat-x; height:24px; width:172px;}
.lforms{padding:5px 5px; background:transparent; border: 0px solid; color:#4a4a4a; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; width:162px;}
.liitubutton{float:right;}
/*==================gallery====================*/


.jcarousel-skin-tango .jcarousel-container {
text-align:center;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 572px;
    padding: 0;
	height:382px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    height: 382px;
	width: 572px;
}

.jcarousel-skin-tango .jcarousel-item {
    height: 382px;
	width: 572px;
}

.roofcarousel .jcarousel-container-horizontal {
    padding: 0px;
	height:70px;
}
.colorcarousel .jcarousel-container-horizontal {
    padding: 0px;
	height:135px;
}
.katecarousel .jcarousel-container-horizontal {
    padding: 0px;
	height:130px;
}
.katecarousel .jcarousel-clip-horizontal{
    height: 166px;
	position:relative;
	left:25px;
}
.katecarousel .jcarousel-item {
    height: 166px;
	width: 150px;
}
.profiilcarousel .jcarousel-container-horizontal {
    padding: 0px;
	height:110px;
}
.roofcarousel .jcarousel-clip-horizontal{
    height: 70px;
	position:relative;
	left:10px;
}
.colorcarousel .jcarousel-clip-horizontal{
    height: 135px;
	position:relative;
	left:45px;
}
.profiilcarousel .jcarousel-clip-horizontal{
    height: 180px;
	position:relative;
	left:4px;
	top:0px;
}

.roofcarousel .jcarousel-item {
    height: 56px;
	width: 80px;
}
.profiilcarousel .jcarousel-item {
    height: 180px;
}
.roofcarousel .jcarousel-item-horizontal {
    margin-right: 0px;
	width: 60px;
	text-align:center;
}
.profiilcarousel .jcarousel-item-horizontal {
    margin-right: 0px;
	text-align:center;
}

.jcarousel-control {
    text-align: center;
	height:22px;
	position:relative;
	top:0px; left:0px; z-index:200;
}

.jcarousel-control a {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:10px; text-decoration:none; color:#2d2b2b; letter-spacing:0px; display:block;}

.roofcarousel .jcarousel-next-horizontal {
    position: absolute;
    top: 35px;
    right: 38px;
    width: 11px;
    height: 18px;
    cursor: pointer;
    background: transparent url(img/next.png) no-repeat 0 0;
}

.roofcarousel .jcarousel-next-horizontal:hover {
    position: absolute;
    top: 35px;
    right: 38px;
    width: 11px;
    height: 18px;
    cursor: pointer;
    background: transparent url(img/nextblue.png) no-repeat 0 0;
}

.roofcarousel .jcarousel-next-horizontal:active {
    position: absolute;
    top: 35px;
    right: 38px;
    width: 11px;
    height: 38px;
    cursor: pointer;
    background: transparent url(img/nextblue.png) no-repeat 0 0;
}

.roofcarousel .jcarousel-prev-horizontal {
    position: absolute;
    top: 35px;
    left: 90px;
    width: 11px;
    height: 18px;
    cursor: pointer;
    background: transparent url(img/back.png) no-repeat 0 0;
}

.roofcarousel .jcarousel-prev-horizontal:hover {
    position: absolute;
    top: 35px;
    left: 90px;
    width: 11px;
    height: 18px;
    cursor: pointer;
    background: transparent url(img/backblue.png) no-repeat 0 0;
}

.roofcarousel .jcarousel-prev-horizontal:active {
    position: absolute;
    top: 35px;
    left: 90px;
    width: 11px;
    height: 18px;
    cursor: pointer;
    background: transparent url(img/backblue.png) no-repeat 0 0;
}
.profiilcarousel .jcarousel-next-horizontal {
    position: absolute;
    top: 50px;
    right: 5px;
    width: 11px;
    height: 18px;
    cursor: pointer;
    background: transparent url(img/next.png) no-repeat 0 0;
}

.profiilcarousel .jcarousel-next-horizontal:hover {
    position: absolute;
    top: 50px;
    right: 5px;
    width: 11px;
    height: 18px;
    cursor: pointer;
    background: transparent url(img/nextblue.png) no-repeat 0 0;
}

.profiilcarousel .jcarousel-next-horizontal:active {
    position: absolute;
    top: 50px;
    right: 5px;
    width: 11px;
    height: 38px;
    cursor: pointer;
    background: transparent url(img/nextblue.png) no-repeat 0 0;
}

.profiilcarousel .jcarousel-prev-horizontal {
    position: absolute;
    top: 50px;
    left: 12px;
    width: 11px;
    height: 18px;
    cursor: pointer;
    background: transparent url(img/back.png) no-repeat 0 0;
}

.profiilcarousel .jcarousel-prev-horizontal:hover {
    position: absolute;
    top: 50px;
    left: 12px;
    width: 11px;
    height: 18px;
    cursor: pointer;
    background: transparent url(img/backblue.png) no-repeat 0 0;
}

.profiilcarousel .jcarousel-prev-horizontal:active {
    position: absolute;
    top: 50px;
    left: 12px;
    width: 11px;
    height: 18px;
    cursor: pointer;
    background: transparent url(img/backblue.png) no-repeat 0 0;
}
.colorcarousel .jcarousel-next-horizontal {
    position: absolute;
    top: 50px;
    right: 25px;
    width: 11px;
    height: 18px;
    cursor: pointer;
    background: transparent url(img/next.png) no-repeat 0 0;
}

.colorcarousel .jcarousel-next-horizontal:hover {
    position: absolute;
    top: 50px;
    right: 25px;
    width: 11px;
    height: 18px;
    cursor: pointer;
    background: transparent url(img/nextblue.png) no-repeat 0 0;
}

.colorcarousel .jcarousel-next-horizontal:active {
    position: absolute;
    top: 50px;
    right: 25px;
    width: 11px;
    height: 38px;
    cursor: pointer;
    background: transparent url(img/nextblue.png) no-repeat 0 0;
}

.colorcarousel .jcarousel-prev-horizontal {
    position: absolute;
    top: 50px;
    left: 15px;
    width: 11px;
    height: 18px;
    cursor: pointer;
    background: transparent url(img/back.png) no-repeat 0 0;
}

.colorcarousel .jcarousel-prev-horizontal:hover {
    position: absolute;
    top: 50px;
    left: 15px;
    width: 11px;
    height: 18px;
    cursor: pointer;
    background: transparent url(img/backblue.png) no-repeat 0 0;
}

.colorcarousel .jcarousel-prev-horizontal:active {
    position: absolute;
    top: 50px;
    left: 15px;
    width: 11px;
    height: 18px;
    cursor: pointer;
    background: transparent url(img/backblue.png) no-repeat 0 0;
}
.katecarousel .jcarousel-next-horizontal {
    position: absolute;
    top: 50px;
    right: -10px;
    width: 11px;
    height: 18px;
    cursor: pointer;
    background: transparent url(img/next.png) no-repeat 0 0;
}

.katecarousel .jcarousel-next-horizontal:hover {
    position: absolute;
    top: 50px;
    right: -10px;
    width: 11px;
    height: 18px;
    cursor: pointer;
    background: transparent url(img/nextblue.png) no-repeat 0 0;
}

.katecarousel .jcarousel-next-horizontal:active {
    position: absolute;
    top: 50px;
    right: -10px;
    width: 11px;
    height: 38px;
    cursor: pointer;
    background: transparent url(img/nextblue.png) no-repeat 0 0;
}

.katecarousel .jcarousel-prev-horizontal {
    position: absolute;
    top: 50px;
    left: 5px;
    width: 11px;
    height: 18px;
    cursor: pointer;
    background: transparent url(img/back.png) no-repeat 0 0;
}

.katecarousel .jcarousel-prev-horizontal:hover {
    position: absolute;
    top: 50px;
    left: 5px;
    width: 11px;
    height: 18px;
    cursor: pointer;
    background: transparent url(img/backblue.png) no-repeat 0 0;
}

.katercarousel .jcarousel-prev-horizontal:active {
    position: absolute;
    top: 50px;
    left: 5px;
    width: 11px;
    height: 18px;
    cursor: pointer;
    background: transparent url(img/backblue.png) no-repeat 0 0;
}
/*==================dropdown====================*/
.dropdown{cursor:pointer;}
.drop{border:1px solid #c9c9c9; background-position:center top; background-image:url(img/searchbg.png);  background-repeat: repeat-x; height:24px; width:110px;}
.droptext{float:left; display:block; font-family: Verdana, Helvetica, sans-serif; font-weight:regular; font-size:12px; text-decoration:none; color:#4a4a4a; letter-spacing:0px; padding:5px 6px 0px;}
.droparrow{float:right; padding:3px 3px 0px;}
.hiddendrop{display:none; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; position:absolute; width:110px; background-color:#ffffff;}
.hiddendrop ul{list-style-type:none;}
.hiddendrop ul li{padding:3px 6px; border-bottom:1px solid #c9c9c9;}
.hiddendrop ul li:hover{background-color:#f4f4f4;}
.hiddendrop ul li a{font-family: Verdana, Helvetica, sans-serif; font-weight:regular; font-size:12px; text-decoration:none; color:#4a4a4a; letter-spacing:0px; display:block;}

/*==================Maincontent====================*/

.maincontent{background-position:right top; background-image:url(img/shadowcenter.png);  background-repeat: repeat-y; width:100%; padding-right:10px;}
.contentbox{background-position:right bottom; background-image:url(img/shadowbottom.png);  background-repeat: no-repeat; width:100%; padding-right:10px;}
.contentboxin{background-position:right top; background-image:url(img/shadowtop.png);  background-repeat: no-repeat; width:100%; padding-right:10px;}
.boxintopleft{background-position:center top; background-image:url(img/boxinbg.png);  background-repeat: repeat-x; height:15px; float:left; padding:6px 15px;}
.breadcrumbs{}
.breadcrumbs ul{list-style-type:none;}
.breadcrumbs ul li{float:left; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:regular; font-size:14px; text-decoration:none; color:#7a7a7a; letter-spacing:0px; display:block; padding-right:3px;}
.breadcrumbs ul li a{font-family: Verdana, Helvetica, sans-serif; font-weight:regular; font-size:11px; text-decoration:none; color:#7a7a7a; letter-spacing:0px; display:block;}
.breadcrumbs ul li a:hover{text-decoration:underline;}
.breadcrumbs ul li.active a{font-family: Verdana, Helvetica, sans-serif; font-weight:bold; font-size:11px; text-decoration:none; color:#7a7a7a; letter-spacing:0px; display:block;}
.breadcrumbs ul li.active a:hover{text-decoration:underline;}
.boxintopright{float:right; padding-right:10px;}
.boxtoplink{float:left; background-position:center top; background-image:url(img/boxinbg.png);  background-repeat: repeat-x; padding:6px 7px; height:15px; margin-right:5px;}
.boxtoplink img{float:left; padding:1px 5px 0px 0px;}
.boxtoplink a{font-family: Verdana, Helvetica, sans-serif; font-weight:regular; font-size:11px; text-decoration:none; color:#7a7a7a; letter-spacing:0px; display:block; float:left;}
.boxtoplink a:hover{text-decoration:underline;}
.boxinpealkiri{padding:10px 10px 17px 5px;}
.boxinpealkiri h1{font-family: Verdana, Helvetica, sans-serif; font-weight:bold; font-size:28px; text-decoration:none; color:#009acf; letter-spacing:-1px; display:block; font-style:italic;}
.tabs{background-position:0px 27px; background-image:url(img/bigline.png);  background-repeat: no-repeat; width:100%; padding-right:10px;}
.tabstext{padding-right:10px;}
.tabslinks{}
.tabslinks ul{list-style-type:none;}
.tabslinks ul li{float:left; display:block; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; border-top:1px solid #c9c9c9; margin-right:3px;}
.tabslinks ul li:hover{color:#009acf;}
.tabslinkcontent{margin:1px 1px 1px 1px; background-position:center top; background-image:url(img/tabsbg.png);  background-repeat: repeat-x; height:21px; padding:4px 12px 0px; cursor:pointer;}
.tabslinkcontentlast{margin:1px 1px 1px 1px; background-position:center top; background-image:url(img/tabblue.png);  background-repeat: repeat-x; height:21px; padding:4px 12px 0px; cursor:pointer; float:left; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:bold; font-size:12px; text-decoration:none; color:#ffffff; letter-spacing:0px; display:block;}
.tabslinkcontentactive{margin:1px 1px 0px 1px; background-position:center top; background-image:url(img/tabsactive.png);  background-repeat: repeat-x; height:22px; padding:3px 8px 0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:bold; font-size:14px; text-decoration:none; color:#009acf; letter-spacing:0px; display:block; cursor:pointer;}
.tabslinks ul li a{font-family: Verdana, Helvetica, sans-serif; font-weight:regular; font-size:12px; text-decoration:none; color:#4a4a4a; letter-spacing:0px; display:block;}
.tabslinks ul li.active{border-bottom:1px solid #ffffff;}
.tabslinks ul li.active a{font-family: Verdana, Helvetica, sans-serif; font-weight:bold; font-size:14px; text-decoration:none; color:#009acf; letter-spacing:0px; display:block;}
.tabslinks li .tabslinkcontentlast a{font-family: Verdana, Helvetica, sans-serif; font-weight:bold; font-size:12px; text-decoration:none; color:#ffffff; letter-spacing:0px; display:block;}
.tabpealkiri{padding:0px 0px 15px 0px;}
.tabpealkiri h2{font-family: Verdana, Helvetica, sans-serif; font-weight:bold; font-size:17px; text-decoration:none; color:#4a4a4a; letter-spacing:0px; display:block; font-style:italic;}
.tabbox p{padding:5px 0px 5px 0px; font-family: Verdana, Helvetica, sans-serif; font-weight:regular; font-size:12px; text-decoration:none; color:#4a4a4a; letter-spacing:0px; display:block;}
.tabbox p.saadaval{padding-left:20px;}
.tabbox{padding:10px 15px 0px 0px;}
.tooteinfo{padding-top:15px;}
.andmed{float:left; background-position:center top; background-image:url(img/andmedbg.png);  background-repeat: repeat-x; width:225px; padding:15px 10px 10px;}
.andleft{float:left; text-align:right; padding-right:10px;}
.andleft p{font-family: Verdana, Helvetica, sans-serif; font-weight:bold; font-size:11px; text-decoration:none; color:#4a4a4a; letter-spacing:0px; padding-bottom:5px;}
.andright{float:left; text-align:left;}
.andright p{font-family: Verdana, Helvetica, sans-serif; font-weight:regular; font-size:11px; text-decoration:none; color:#4a4a4a; letter-spacing:0px; padding-bottom:5px;}
.tooteimg{float:right;}
.part{padding:5px 0px;}
.rightbanners{padding:10px 0px 0px;}
.tabgallery{padding-bottom:10px;}
.tgleft{float:left;}
.tgcenter{float:left; padding:0px 12px;}
.tgright{float:right;}
.file{}
.filelinkbox{padding-bottom:3px;}
.pdf{float:left; padding:0px 10px 0px 0px;}
.filelink{float:left; padding-top:2px;}
.filelink a{font-family: Verdana, Helvetica, sans-serif; font-weight:regular; font-size:12px; text-decoration:none; color:#4a4a4a; letter-spacing:0px;}
.filelink a:hover{text-decoration:underline;}
.materjalbox{border-top:1px solid #02ccfc; border-left:1px solid #02ccfc; margin-top:15px;}
.matcolumntop{background-color:#ddeefe; border-right:1px solid #02ccfc; float:left; padding:1px 5px 5px; font-family: Verdana, Helvetica, sans-serif; font-weight:bold; font-size:12px; text-decoration:none; color:#817f80; letter-spacing:0px; width:82px; text-align:center; height:30px;}
.matcolumn{border-right:1px solid #02ccfc; float:left; padding:2px 5px; font-family: Verdana, Helvetica, sans-serif; font-weight:regular; font-size:12px; text-decoration:none; color:#000000; letter-spacing:0px; width:82px; text-align:center; height:40px;}
.matcolumnfirst{border-right:1px solid #02ccfc; float:left; padding:2px 5px 2px 8px; font-family: Verdana, Helvetica, sans-serif; font-weight:regular; font-size:12px; text-decoration:none; color:#000000; letter-spacing:0px; width:79px; text-align:left; height:40px;}
.matrow{border-bottom:1px solid #02ccfc;}
.smallvideobox{padding-top:23px;}
.svideoleft{float:left; width:178px;}
.svideocenter{float:left; width:178px; padding:0px 12px;}
.svideoright{float:right; width:178px;}
.pakkumine{border-top:1px solid #d7d7d7; margin-right:-15px;}
.pakkumineleft{float:left; width:197px;}
.leftlink{border-bottom:1px solid #d7d7d7; height:80px; width:196px; border-right:1px solid #d7d7d7; float:left; cursor:pointer; border-left:1px solid #d7d7d7;}
.leftlinkactive{height:81px; vertical-align : middle; display : table-cell; width:196px; background-position:left bottom; background-image:url(img/leftbbg.png);  background-repeat: no-repeat; float:left; cursor:pointer; border-left:1px solid #d7d7d7;}
.leftlinkbox{height:80px; vertical-align : middle; display : table-cell; width:166px; padding:0px 15px;}
.leftlinkboxactive{background-position:center top; background-image:url(img/innerbg.png);  background-repeat: repeat-y; height:80px; vertical-align : middle; display : table-cell; width:166px; padding:0px 15px;}
.linkinner{cursor:pointer;}
.linkinner a{font-family: Verdana, Helvetica, sans-serif; font-weight:bold; font-size:14px; text-decoration:none; color:#999999; letter-spacing:0px; display:block; font-style:italic;}
.linkinneractive a{font-family: Verdana, Helvetica, sans-serif; font-weight:bold; font-size:14px; text-decoration:none; color:#009acf; letter-spacing:0px; display:block; font-style:italic;}
.hiddenarrow{float:left; height:80px; display:none; position:relative; top:0px;}
.hiddenarrowactive{float:left; height:80px; display:block; position:relative; top:0px;}
.arrowbox{position:absolute; top:0px;}
.pakkumineright{float:left; padding:28px 15px 15px; width:346px;}
.formsbox{padding:0px 70px 4px 0px; float:right;}
.forminputp{float:left; border:1px solid #c9c9c9; background-position:center top; background-image:url(img/searchbg.png);  background-repeat: repeat-x; height:26px; width:145px;}
.formtext{float:left; border:1px solid #c9c9c9; background-position:center top; background-image:url(img/areabg.png);  background-repeat: repeat-x; height:74px; width:145px;}
.registerforms{padding:5px 5px; background:transparent; border: 0px solid; color:#4a4a4a; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; width:135px;}
.formarea{padding:5px 5px; background:transparent; border: 0px solid; color:#4a4a4a; text-decoration:none; font-family: Verdana, Helvetica, sans-serif; font-weight:normal; font-size:12px; width:135px; overflow:hidden;}
.formosa img{padding:25px 0px 15px 28px;}
.soov{float:left; padding:0px 0px 0px 78px;}
.soov p{padding-bottom:10px;}
.radiobuttonsf{padding:0px 0px 7px 50px; float:left; }
.soov span{position:relative; top:3px;}
.blackbutton{border: 1px solid #757575; background-position:center top; background-image:url(img/blackbutton.png);  background-repeat: repeat-x; height:22px; text-align:center; float:left;}
.blackbuttonbox{margin:40px 0px 10px 128px;}
.blackbuttontext{padding:3px 7px;}
.blackbuttontext a{font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; text-decoration:none; color:#ffffff; letter-spacing:0px;}
.bmaintopl{float:left;}
.bmaintopr{float:right;}

/*==================newstructure====================*/

.centerboxin{border-top:1px solid #D7D7D7; background-position:245px top; background-image:url(img/newraz.jpg);  background-repeat: no-repeat;}
.boxinleft{float:left;}
.boxinright{float:right; width:622px;}
.boxinrighttop{width:450px; padding:17px 70px 0px 0px; float:right;}
.roofimg{position:relative; top:0px; cursor:pointer;}
.roofbigimg{position:absolute; top:0px; left:-3px; cursor:pointer; display:none;}
.roofoptions{background-position:40px top; background-image:url(img/newraz.jpg);  background-repeat: no-repeat; padding:25px 44px 14px 0px;}
.roofoptionsleft{float:left; padding:45px 0px 0px 60px;}
.roofoptionsright{float:right;}
.roofskeem{}
.selectors{position:relative; top:0px;}
.selector{background-position:center top; background-image:url(img/selectblack.png);  background-repeat: no-repeat; width:28px; height:28px;}
.selector.active{background-position:center top; background-image:url(img/selectblue.png);  background-repeat: no-repeat; width:28px; height:28px;}
#sel1{position:absolute; top:-222px; left:111px;}
#sel2{position:absolute; top:-174px; left:9px;}
#sel3{position:absolute; top:-67px; left:23px;}
#sel4{position:absolute; top:-15px; left:111px;}
#sel5{position:absolute; top:-67px; left:199px;}
#sel6{position:absolute; top:-57px; left:247px;}
.selectname{font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:bold; font-size:11px; text-decoration:none; color:#ffffff; letter-spacing:0px; padding-top:6px; text-align:center;}
.roofform{border:1px solid #c9c9c9; background-position:center top; background-image:url(img/searchbg.png);  background-repeat: repeat-x; height:26px; width:100px; float:left;}
.roofinput{padding:5px 5px; background:transparent; border: 0px solid; color:#4a4a4a; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; width:90px;}
.roofforms{float:right; padding-bottom:5px;}
.rftop{padding-right:7px;}
.roofsoov{float:left; padding:5px 0px 30px 40px;}
.uncheck{float:left; background-position:center top; background-image:url(img/check.png);  background-repeat: no-repeat; width:25px; height:24px; cursor:pointer;}
.uncheckactive{float:left; background-position:center top; background-image:url(img/checkon.png);  background-repeat: no-repeat; width:25px; height:24px; cursor:pointer;}
.roofcheckname{float:right; font-size:13px; padding-top:4px;}
.roofbuttons{background-position:40px top; background-image:url(img/newraz.jpg);  background-repeat: no-repeat; padding:25px 0px 0px 60px;}
.roofblackbutton{float:left;}
.roofbluebutton{float:right;}
.profiilsliders{padding:0px 10px 0px 20px; background-position:right bottom; background-image:url(img/profiilbg.png);  background-repeat: no-repeat; float:left; width:190px; height:232px;}
.colorsliders{background-position:right bottom; background-image:url(img/colorbg.jpg);  background-repeat: no-repeat; float:left; width:185px; height:232px;}
.katesliders{width:170px; height:232px; float:left;}
.profiilbox{width:135px; height:180px;}
.profiilbox ul li img{padding-top:3px;}
.profiilboxwrap{width:150px; margin-left:27px; height:180px;}
.profiiltoptext{text-align:center; padding:23px 0px 12px 0px; font-family: Verdana, Helvetica, sans-serif; font-weight:bold; font-size:12px; text-decoration:none; color:#4a4a4a; letter-spacing:0px; font-style:italic;}
.profiilbottomtext{text-align:center; padding:17px 0px 0px 0px; font-family: Verdana, Helvetica, sans-serif; font-weight:bold; font-size:12px; text-decoration:none; color:#4a4a4a; letter-spacing:0px; font-style:italic;}
.colorthumb{background-position:center top; background-image:url(img/colorbg.png);  background-repeat: no-repeat; width:43px; height:43px; padding-bottom:3px; text-align:center; position:relative; top:0px; cursor:pointer;}
.colorthumb img{padding:3px 0px 0px 0px;}
.colorthumbhidden{position:absolute; top:-2px; background-position:center top; background-image:url(img/colorthumbbig.png);  background-repeat: no-repeat; width:43px; height:43px; display:none;}
.colorthumbhidden img{padding:2px 0px 0px 0px;}
.colorbox{width:85px; height:135px;}
.colorbottomtext{text-align:center; padding:0px 25px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:bold; font-size:14px; text-decoration:none; color:#4a4a4a; letter-spacing:0px; font-style:italic;}
.katebottomtext{text-align:left; padding:19px 0px 0px 28px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight:bold; font-size:14px; text-decoration:none; color:#4a4a4a; letter-spacing:0px; font-style:italic; width:110px;}
.pinnakate{width:150px;padding:0px 0px 10px 0px;}
.textradio{float:left; padding:1px 5px 0px 0px;}
.pinnatext{font-family: Verdana, Helvetica, sans-serif; font-weight:regular; font-size:12px; text-decoration:none; color:#4a4a4a; letter-spacing:0px; float:left; width:120px;}
.vihmasystem{padding-left:25px;}
.vihmasystemtop{padding:24px 0px 15px 32px;}
.vihmasystemtop h3{font-family: Verdana, Helvetica, sans-serif; font-weight:bold; font-size:12px; text-decoration:none; color:#009acf; letter-spacing:0px; font-style:italic;}
.vihmatopthumb{float:left; padding:0px 20px 0px 5px;}
.vihmaimgbox{background-position:center top; background-image:url(img/vihmasbgbig.png);  background-repeat: no-repeat; height:118px; width:181px; margin:13px 0px 14px 0px;}
.vihmaimgboxclear{height:118px; width:181px; margin:10px 0px;}
.vihmaimgbox img{padding:3px 4px;}
.vihmatopthumb .radiobuttons{padding-left:3px;}
.vihmatopthumblast .radiobuttons{margin-top:145px; padding-left:10px;}
.vihmasystemcenter{background-position:40px top; background-image:url(img/newraz.jpg);  background-repeat: no-repeat; padding:26px 0px 20px 12px;}
.vihmasystemcenter h3{padding:0px 0px 8px 29px; font-family: Verdana, Helvetica, sans-serif; font-weight:bold; font-size:12px; text-decoration:none; color:#009acf; letter-spacing:0px; font-style:italic;}
.vcenterleft{float:left;}
.vcentercenter{float:left; padding:0px 16px;}
.vcenterright{float:right; padding-right:49px;}
.turva:hover{cursor:pointer; padding: 5px 24px 10px; border: 1px solid #c7c7c7; background-position:center bottom; background-image:url(img/turvabg.jpg);  background-repeat: repeat-x; text-align:center;}
.turva{cursor:pointer; padding: 6px 25px 11px;}
.turvaimgbox{background-position:center top; background-image:url(img/turvabg.png);  background-repeat: no-repeat; height:117px; width:118px;}
.turvaimgbox img{padding:3px 5px;}
.turvacheck{padding-top:9px; width:118px;}
.turvacheck .uncheck{padding: 0px 0px 0px 5px; width:25px;}
.turvacheck .uncheckactive{padding:0px 0px 0px 5px; background-position:center top; background-image:url(img/checkon.png);  background-repeat: no-repeat; width:25px; height:24px; cursor:pointer;}
.turvachecktext{float:left; padding:4px 0px 0px 8px; text-align:left; width:180px;}
.turva .turvachecktext{float:left; padding:4px 0px 0px 8px; text-align:left; width:78px;}
.turvachecktext p{font-family: Verdana, Helvetica, sans-serif; font-weight:regular; font-size:12px; text-decoration:none; color:#4a4a4a; letter-spacing:0px;}
.kogus{padding:10px 0px 0px 3px;}
.kogusetext{padding: 4px 10px 0px 0px; float:left; font-family: Verdana, Helvetica, sans-serif; font-weight:regular; font-size:12px; text-decoration:none; color:#4a4a4a; letter-spacing:0px;}
.koguseform{float: left; border:1px solid #c9c9c9; background-position:center top; background-image:url(img/searchbg.png);  background-repeat: repeat-x; height:21px; width:35px;}
.koguseinput{text-align:center; padding:4px 7px; background:transparent; border: 0px solid; color:#4a4a4a; width:21px; font-size:11px;}
.turvabox{padding-bottom:20px;}
.kontaktleft{float:left; width:288px;}
.kontaktright{float:left; padding-top:6px;}
.soovbottom{padding-bottom:34px;}
.kr{padding:0px; width:325px;}
.tellijakontakt{padding:26px 0px 24px 0px;}
.krp{padding-left:72px;}
.kontaktrightbutton{padding:33px 0px 0px 72px;}
.kontaktleft .formsbox{padding:0px 0px 4px 0px;}
.konr{margin-left:300px; float:left;}
.profiilimg{background-position:center top; background-image:url(img/profbg.png);  background-repeat: no-repeat; height:117px;}